import { useState } from "react";
export default function ChatInput() {
  const [value, setValue] = useState("");
  return (
    <div
      className="w-full p-2.5 flex flex-col overflow-hidden items-start bg-[#F3F4F7] rounded-3xl"
      style={{ boxShadow: "0px 0px 0px .5px #dce0e9" }}
    >
      <div className="w-full max-h-96 ml-1 mr-1 relative">
        <textarea
          className="w-full min-h-14 resize-none outline-none bg-transparent absolute"
          placeholder="给DeepSeek发送消息~"
          value={value}
          onChange={(e) => setValue(e.target.value)}
        ></textarea>
        <div className="invisible pointer-events-none min-h-14">{value}</div>
      </div>
      <div className="flex items-center"></div>
    </div>
  );
}
